//======================================
// Off canvas options/additions
// Currently using jPanel Menu
//
// Also see _main-menu.scss
//======================================
.c-offcanvas-bg {
  position: fixed !important;
  background-color: transparent;
  transition: all 300ms cubic-bezier(0.4, 0, 0.6, 1) !important;
  opacity: 0;
  left: 0;
  z-index: -1;
  background-color: transparent !important;

  &.is-open {
    opacity: 1;
    z-index: 100;
  }

  &.overlay:after {
    transition: all 0.3s ease-in-out;
    z-index: $zindex-fixed !important;
  }
  
  // Close icon
  &.is-open.overlay-close-cursor {
    cursor: url(), auto;
  }
}

.c-offcanvas--overlay,
.c-offcanvas--push {
  z-index: 101;
}

.c-offcanvas-content-wrap {
  // Hotfix: https://github.com/vmitsaras/js-offcanvas/commit/e631e3240e779185442ac9d2682ca94a7bf801dd#diff-b7771dbf5506073539251b09b10fc8cb
  position: relative;
  overflow: hidden;
  background: #fff;  
  transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;  
}